<!DOCTYPE html>
<html>

<head>
    <title>task7</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="stylesheets/task7.css">
</head>

<body>
    <header>
        <div class="top_left">
            <img src="images/task7/header-logo.png">
            <span>新世界</span>
        </div>
        <div class="top_right">
            <a href="javascript:;">首页</a>
            <a href="javascript:;">最新活动</a>
            <a href="javascript:;">项目介绍</a>
            <a href="javascript:;">爱心社区</a>
            <a href="javascript:;">关于我们</a>
            <a href="javascript:;">登陆</a>
        </div>
    </header>
    <main>
        <div class="start">
            <h1>Time of new life</h1>
            <p>新时代，年轻的人们让我们一起
                <br />体验新生活，享受新生活</p>
            <input type="button" value="开始体验"></input>
        </div>
        <div class="feature_tips">
            <div>
                <p>打造全新世界观，让你更爱你的生活</p>
            </div>
            <div>
                <p>丰富多彩的公益活动，发挥新世界的主人公意识</p>
            </div>
            <div>
                <p>时尚的新理念，超前体验未知的生活</p>
            </div>
            <div>
                <p>完善的培养机制，培养你全新的世界观</p>
            </div>
        </div>
        <div class="about">
            <img src="images/task7/question-logo.png">
            <p>关于新世界，你不知道的还有什么？</p>
        </div>
        <div class="city">
            <h2>查找新世界城市活动信息</h2>
            <p>每个城市有不同的活动信息，请自主查询您需要了解的城市</p>
            <form>
                <select>
                    <option>中国</option>
                </select>
                <select>
                    <option>湖北</option>
                    <option>北京</option>
                    <option>上海</option>
                </select>
                <select>
                    <option>城市1</option>
                    <option>城市2</option>
                </select>
                <input type="button" value="搜索"></input>
            </form>
        </div>
        <div class="activity">
            <div>
                <img src="images/task7/beijing.png">
                <h4>北京活动</h4>
                <p>新社区大联盟</p>
            </div>
            <div>
                <img src="images/task7/shanghai.png">
                <h4>上海</h4>
                <p>夜上海新景观探索</p>
            </div>
            <div>
                <img src="images/task7/shenzhen.png">
                <h4>深圳活动</h4>
                <p>全新海岸线观点站</p>
            </div>
            <div>
                <img src="images/task7/hongkong.png">
                <h4>香港活动</h4>
                <p>奢侈消费大派送</p>
            </div>
        </div>
        <div class="new_world">
            <div class="left">
                <h1>新世界</h1>
                <h2>TIME</h2>
                <h3>@新世界-北京</h3>
                <h4>2016.04.01</h4>
            </div>
            <div class="right">
                <h3>新世界/<span>01</span></h3>
                <div>新世界新世新世界新世界新世界新世界新世界新新世界新世新世界新世界新世界新世界新世界新新世界新世新世界新世界新世界新世界新世界新新世界新世新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界新世界界</div>
                <input type="button" value="更多详情"></input>
                <br />
                <input type="radio" name="list" checked="checked"></input>
                <input type="radio" name="list"></input>
                <input type="radio" name="list"></input>
            </div>
        </div>
        <div class="more">
            <div class="left">
                <p>新时代
                    <br />爱生活的我们</p>
                <span>&nbsp;</span>
                <br />
                <input type="button" value="查看更多"></input>
            </div>
            <div class="middle">
                <p>新时代
                    <br />爱生活的我们</p>
                <span>&nbsp;</span>
                <br />
                <input type="button" value="查看更多"></input>
            </div>
            <div class="right">
            </div>
        </div>
        <div class="last">
            <div class="top">
                <h2>成为我们的志愿者</h2>
                <p>新世界的大家庭需要每一个爱生活的人的人的加入，如果你够年轻，有梦想，有激情
                    <br/>那就不要犹豫，快来加入我们，成为改变所有人生活的人</p>
            </div>
            <div class="bottom">
                <div class="left">
                    <h3>新世界志愿者协议</h3>
                    <p>加入新世界志愿者的人员必须遵守中华人民共和国的
                        <br/>相关法律法规，并且本着平等的原则.......</p>
                    <h3>新世界志愿者权利</h3>
                    <p>新世界志愿者享受新世界内部所有资源共享的权利，并
                        <br/>且享受所在城市新世界活动的优先参与资格</p>
                    <h3>更多条款</h3>
                    <p>......</p>
                </div>
                <div class="right">
                    <form>
                        <table>
                            <tr>
                                <td>
                                    <input type="text" value="姓名"></input>
                                </td>
                                <td>
                                    <input type="text" value="年龄"></input>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="text" value="电话"></input>
                                </td>
                                <td>
                                    <input type="text" value="地址"></input>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <textarea r>简单描述您梦想的生活</textarea>
                                </td>
                            </tr>
                        </table>
                        <input type="button" value="提交"></input>
                    </form>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div>
            <h3>联系我们</h3>
            <p>为了更好的获取我们最新的产品资讯，您可以留下您的电子邮箱快速订阅我们的产品资讯
                <br/>也可以通过以下任何方式关注我们的动态</p>
            <form>
                <input type="email" placeholder="someone@email.com" />
                <input type="submit" value=" 提交" />
            </form>
            <div class="bottom">
                <span>@2016新世界</span>
                <a href="#top">Back to top</a>
            </div>
        </div>
    </footer>
</body>

</html>
